

function App() {
  function onChange(event) { //event为事件参数，自带的
    console.log(event.target.value)//打印输入框输入的值，输入一个值打印一次
  }
  return (
    <div>
      {/* defaultValue={'hello world'}表示输入框默认值 */}
      <input type="text" defaultValue={'hello world'} onChange={onChange} />
    </div>
  )
}

// import { useEffect, useRef } from "react"
// function App() {
//   const inputRef = useRef(null)
//   useEffect(() => {
//     setTimeout(() => {
//       console.log(inputRef.current.value);

//     }, 2000)
//   }, [])
//   return (
//     <div>
//       {/* defaultValue={'hello world'}表示输入框默认值 */}
//       <input type="text" defaultValue={'hello world'} ref={inputRef} />
//     </div>
//   )
// }
export default App
